<template>
	<view class="container">
		<!--<z-nav-bar></z-nav-bar>-->
		<!--<public-module></public-module>-->
		<image src="../../static/paysuccess.png" mode=""></image>
		<view class="for-name">
			<text>拓为教育</text>
		</view>
		<view class="for-pay">
			<text class="for-tip">￥</text>
			<text class="for-value">{{actualPrice}}</text>
		</view>
		<view class="for-text">
			<text>为了给您提供更精准的课程安排 我们需要你实名认证</text>
		</view>
		<button type="primary" class="btn btn-now" @click="certification">立即实名认证</button>
		<button type="primary" class="btn btn-later" @click="back">稍后认证</button>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				actualPrice: 0,
				modelId: undefined
			}
		},
		onLoad(option) {
			console.log(option, 'option')
			this.actualPrice = Number(option.actualPrice).toFixed(2)
			this.modelId = option.modelId
		},
		created () {
		},
		methods: {
			back() {
				uni.switchTab({
					url: '/pages/home/home'
				});
			},
			certification() {
				uni.navigateTo({
					url: '/subpages/home/certification?modelId=' + this.modelId
				});
			}
		},

	}
</script>

<style scoped>
	.container {
		text-align: center;
	}
	image {
		width: 68px;
		height: 91px;
		margin: 31px auto 53px;
	}
	.for-name {
		font-size: 17px;
		text-align: center;
		color: #646464;
	}
	.for-pay {
		text-align: center;
		line-height: 38px;
		font-size: 24px;
		color: #323232;
		margin-top: 8px;
	}
	.for-value {
		font-size: 38px;
		line-height: 38px;
	}
	.for-text {
		font-size: 16px;
		line-height: 19px;
		text-align: center;
		color: #969696;
		width: 60%;
		margin: 55px auto 32px;
	}
	.btn {
		background: #81B435;
		border: 1px solid #81B435;
		box-sizing: border-box;
		border-radius: 24.5px;
		text-align: center;
		width: 218px;
		margin: 0 auto;
	}
	.btn-later {
		background: #FFFFFF;
		color: #81B435;
		margin: 16px auto;
	}
</style>
